﻿<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<header class="header-area inner-page">
    <th:block th:include="commons/front::public-resource">LOGIN</th:block>
    <th:block th:include="commons/front::login-bar">login-bar</th:block>
    <th:block th:include="commons/front::navigation">navigation</th:block>
    <title>关于我们</title>
</header>
<body>

<!-- Classes Section -->
<section class="who-we-section">
	<div class="container">
		<div class="row">
			<div class="col-sm-6 col-xs-12">
				<div class="who-we-img">
					<img id="about-img-0" alt="">
				</div>
			</div>
			<div class="col-sm-6 col-xs-12 text-left">
				<div class="who-we-details">
					<h2 class="title-2" id="about-title-0"></h2>
					<p class="subtitle color" id="about-subtitle-0"></p>
					<article class="who-we-content">
                        <div id="about-desc-0"></div>
					</article>
				</div>
			</div>

		</div>
	</div>
</section>
<!-- /.who-we-section -->

<!-- Promo Section -->
<section class="promo-section">
    <div class="container">
        <div class="row">
            <div class="col-sm-7 col-md-5 col-xs-12">
                <div class="promo-content">
                    <div class="promo-img">
                        <img th:src="@{/public/frongimages/home1/logo.png}" alt="">
                    </div>
                    <h4 id="about-title-1"></h4>
                    <div id="about-desc-1">

                    </div>
                    <a href="javascript:;" onclick="createSuit()" class="primary-btn"><span>赶紧参与</span></a>
                </div>
            </div>
            <div class="col-sm-5 col-md-7">
                <div class="enroll-img">
                    <img alt="" id="about-img-1">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- /.promo-section -->

<!-- Atmosphere Section -->
<section class="atmosphere-section">
	<div class="container">
		<div class="row">
			<div class="col-sm-7 col-xs-12">
				<div class="kids-mom-img">
					<img alt="" id="about-img-2">
				</div>
			</div>
			<div class="col-sm-5 col-xs-12">
				<div class="atmosphere-details">
					<h2 class="title-2" id="about-title-2"></h2>
					<p class="subtitle color" id="about-subtitle-2"></p>
					<article class="atmosphere-content">
                        <div id="about-desc-2">

                        </div>
					</article>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- /.atmosphere-section -->

<!-- Welcome Section -->
<section class="activity-section">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-xs-12 text-center">
				<h2 class="title-2">成功案例</h2>
				<p class="subtitle color">最能体现我人生价值的平台</p>
			</div>
		</div>
		<div class="row" id="activity-container">

		</div>
	</div>
</section>
<!-- /.activity-section -->
<!-- Team Section -->
<section class="team-section">
	<div class="container">
		<div class="row">
			<div class="col-sm-12 col-xs-12 text-center">
				<h2 class="title">合作伙伴</h2>
				<p class="subtitle color">
					宣传并帮你盈利的平台
				</p>
			</div>
		</div>

        <div id="team-container"></div>

		<!--<div class="row">
			<div class="col-sm-12 col-xs-12 text-center">
				<div class="stuff-button">
					<a class="primary-btn" href="#"><span>查看更多</span></a>
				</div>
			</div>
		</div>-->
	</div>
</section>
<!-- /.team-section -->

<!-- footer -->
<th:block th:include="commons/front::footer">FOOTER</th:block>

<!-- 合作伙伴 -->
<template id="team-template" type="text/x-jquery-tmpl">
    {%each(i,d) partners %}
        <div class="col-sm-6 col-md-3 col-xs-12 text-center">
            <div class="single-team">
                <div class="team-img">
                    <img alt="" src="${d.imgUrl}" style="height: 300px; width: 200px; object-fit: cover">
                </div>
                <h3>${d.title}</h3>
            </div>
        </div>
    {%/each%}
</template>

<template id="activity-template">
    {%each(i,d) successCase %}
        <div class="col-sm-6 col-md-3 col-xs-12 text-center">
            <div class="welcome-img">
                <img alt="" src="${d.imgUrl}" style="height: 310px; object-fit: cover">
                <div class="welcome-content">
                    <h4>${d.title}</h4>
                    <p>
                        ${d.subTitle}
                    </p>
                </div>
            </div>
        </div>
    {%/each%}
</template>

<th:block th:include="commons/front::login">LOGIN</th:block>
<script>
    $(function () {
        $.get(ctx + "/front/about_data", function (rtn) {
            if (rtn && rtn.code != 1) {
                Alert("获取数据失败");
                return;
            }
            var data = rtn.data;
            if (!data) {
                return;
            }
            var abouts = rtn.data.allAboutUs;
            for (var i = 0; i < abouts.length; i++) {
                var about = abouts[i];
                $("#about-img-" + i).attr("src", about["imgUrl"]);
                $("#about-title-" + i).html(about["title"]);
                $("#about-subtitle-" + i).html(about["subTitle"]);
                $("#about-desc-" + i).html(about["description"]);
            }
            $("#team-template").tmpl(rtn.data).appendTo('#team-container');
            $("#activity-template").tmpl(rtn.data).appendTo('#activity-container');
        });
    });
</script>

</body>
</html>
